<template>
  <div class="person-stat">
    <div class="wrap-1">
      <div class="icon"/>
      <div class="line"/>
      <div class="stat-box">
        <div class="title">
          考勤总人数
        </div>
        <div class="number">
          {{ data.zrs || 0 }}
        </div>
      </div>
    </div>
    <div class="wrap-2">
      <div class="wrap-21">
        <div class="icon"/>
        <div class="number">
          {{ data.zckq || 0 }}
        </div>
        <div class="title">
          正常考勤人数
        </div>
      </div>
      <div class="wrap-22" @click="$emit('weigui')">
        <div class="icon"/>
        <div class="number">
          {{ data.cdkq || 0 }}
        </div>
        <div class="title">
          迟到人数
        </div>
      </div>
      <div class="wrap-23" @click="$emit('wangui')">
        <div class="icon"/>
        <div class="number">
          {{ data.qqkq || 0 }}
        </div>
        <div class="title">
          缺勤人数
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import {ref} from "@vue/reactivity";
import {inject, onMounted} from "@vue/runtime-core";
import {AttendL2} from "@/pages/attend/data";

const smartObject = inject("smartObject")
defineProps({
  data:{
    type: Object,
    default:{
      ygrs: 0,
      wgrs: 0,
      laters: 0,
      kqrs: 0,
    }
  }
})
defineEmits(['weigui','wangui'])
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
